<template>
  <div>
    test
    <h3 id="h0">{{ num }}</h3>
    <h3 id="h1">{{ doubleNum }}</h3>
    <el-icon class="is-loading" size="50px" color="orange"><Loading /></el-icon>
    <el-radio-group v-model="radio1">
      <el-radio-button label="上海"></el-radio-button>
      <el-radio-button label="北京"></el-radio-button>
      <el-radio-button label="广州"></el-radio-button>
      <el-radio-button label="深圳"></el-radio-button>
    </el-radio-group>
    <el-button type="success" round @click="appStore.addNum()">num+1</el-button>
    <van-button type="success">13</van-button>
    <van-icon name="birthday-cake-o" />
  </div>
</template>

<script setup lang="ts">
import { storeToRefs } from 'pinia'
import { useAppStore } from '../../store/test'
import { ref } from 'vue'

const appStore = useAppStore()

const { num, doubleNum } = storeToRefs(appStore)

let radio1 = ref('上海')
</script>

<style scoped>

</style>